<template>
    <div class="ReissueCardItem">
        <el-form ref="formData" :model="formData" label-width="120px">
            <el-row>
                <el-col :span="20" :offset="3">
                    <div class="text_center width30">
                        <el-form-item label="账户类别:" class="text_fl">
                            <el-input :disabled="true" v-model="ReissueCardSuccess.CATEGORY_filter"></el-input>
                        </el-form-item>
                    </div>
                </el-col>
                <el-col :span="20" :offset="3">
                    <div class="text_center width30">
                        <el-form-item label="新卡卡号:" class="text_fl">
                            <el-input
                                :disabled="true"
                                v-model="ReissueCardSuccess.body.appBody.CARDNBRNEW"
                            ></el-input>
                        </el-form-item>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="22">
                    <div
                        class="text_center width30 successText"
                    >{{ReissueCardSuccess.sysHead.busiName}}交易:{{ReissueCardSuccess.sysHead.rspMsg}}!</div>
                </el-col>
            </el-row>
            <div class="text_center">
                <el-button
                    type="primary"
                    size="small"
                    @click="handleClose"
                    icon="el-icon-circle-check"
                >确定</el-button>
                <el-button type="primary" size="small" @click="handleClickbtn">修改记录查询</el-button>
                <!-- <el-button size="small" @click.native="handleClose">关闭</el-button> -->
            </div>
        </el-form>
    </div>
</template>

<script>
import { closePage, getBusinessMenuId } from '@/utils/Common';
import { mapState } from 'vuex';
export default {
    name: 'ReissueCardItem',
    props: {
        ReissueCardSuccess: {
            type: Object,
        },
    },
    data() {
        return { MenuId: '', formData: {} };
    },
    computed: mapState({
        businessMenu: state => state.menu.businessMenu,
    }),
    methods: {
        // 点击关闭
        handleClose() {
            closePage(this.$route, this, 1);
        },
        handleClickbtn() {
            this.MenuId = getBusinessMenuId('/businessSystem/accountCardDetaileQuery', this.businessMenu);
            console.log('this.MenuId____', this.MenuId);
            this.$router.push({ name: 'accountCardDetaileQuery', path: '/businessSystem/accountCardDetaileQuery', params: { id: this.MenuId } });
        }
    },
};
</script>

<style lang='scss'>
.ReissueCardItem .width30 .el-form-item {
    margin-bottom: 5px;
}
.successText {
    color: #409eff;
    font-size: 16px;
    padding: 5px 0 20px 0;
}
</style>
